<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合同管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="../css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="../css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="../css/public.css" rel="stylesheet" type="text/css"/>
    
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>行政></span><span>合同管理</span>
        </div>

        <div class="white-conter">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="title-blue"><b>合同管理</b></div>
                    <div class="layui-card-body addPadding">
                        <form class="layui-form" action="" lay-filter="component-form-group">
                            <div class="layui-form-item">
                                <label class="layui-form-label">高级搜索：</label>
                                <div class="layui-input-block">
                                    <div class="layui-col-xs4">
                                        <input style="background: #dce6f0;border: none" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="姓名/编号/身份证/电话/邮箱..." class="layui-input">
                                    </div>
                                    <button class="layui-btn layui-btn-sm layui-btn-normal" style="margin: 0 25px;vertical-align: text-top;">搜索</button>
                                    <div class="more">更多筛选<i class="layui-icon layui-icon-up"></i></div>
                                </div>
                            </div>
                            <div class="more_show" style="display: none;">                                                        
                                <div class=" layui-row" style="margin-top: 20px">
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">合同名称：</label>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请输入...</option>
                                                <option value="1">教育培训合同</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">合同编号：</label>
                                        <div class="layui-input-inline">
                                            <select name="quiz2">
                                                <option value="" selected="">请输入...</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">签订日期：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="datesign" id="datesign" lay-verify="date" placeholder="请选择"  class="layui-input">
                                        </div>
                                    </div>
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">结束日期：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="enddate" id="enddate" lay-verify="date" placeholder="请选择"  class="layui-input" >
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </form>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-btn-group" style="margin:0 0 20px">
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img " onclick="window.location.href='newContract.html'"><img src="../images/add.png">新增合同信息</button>
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img"><img src="../images/del-list.png">删除列表
                                </button>
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img "><img src="../images/c-in.png">合同导入
                                </button>
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img"><img src="../images/c-out.png">合同导出
                                </button>
                            </div>
                            <table  class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
                            <div class="layui-form layui-border-box layui-table-view" lay-filter="LAY-table-1">
                                <div class="layui-table-box" style="margin-bottom: 20px">
                                    <div class="layui-table-body layui-table-main">
                                        <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
                                            <thead>
                                            <tr>
                                                <th data-field="0" data-unresize="true">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary"
                                                               lay-filter="layTableAllChoose">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </th>
                                                <th data-field="contract-id">
                                                    <div class="layui-table-cell laytable-cell-contract-id">
                                                        <span>合同编号</span>
                                                        </span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-name">
                                                    <div class="layui-table-cell laytable-cell-contract-name" align="center">
                                                        <span>合同名称</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-start">
                                                    <div class="layui-table-cell laytable-cell-contract-start" align="center">
                                                        <span>签订日期</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-end">
                                                    <div class="layui-table-cell laytable-cell-contract-end" align="center">
                                                        <span>结束日期</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-salesman">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman" align="center">
                                                        <span>业务员</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-cost">
                                                    <div class="layui-table-cell laytable-cell-contract-cost" align="center">
                                                        <span>合同费用</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-linkman">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman" align="center">
                                                        <span>联系人</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-phone">
                                                    <div class="layui-table-cell laytable-cell-contract-phone" align="center">
                                                        <span>联系电话</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-imp">
                                                    <div class="layui-table-cell laytable-cell-contract-imp" align="center">
                                                        <span>重要条款</span>
                                                    </div>
                                                </th>
                                                <th data-field="operation">
                                                    <div class="layui-table-cell laytable-cell-1-operation" align="center">
                                                        <span>操作</span>
                                                    </div>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr data-index="0" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp"><span>XXXXXXXXXXXXXXXXXXXX</span></div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" style="background-color: #1E9FFF" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="1" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="2" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="3" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="4" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="5" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="6" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="7" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="8" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="9" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="10" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="11" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="12" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="13" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="14" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8"  class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr data-index="15" class="">
                                                <td data-field="0">
                                                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
                                                        <input type="checkbox" name="layTableCheckbox" lay-skin="primary">
                                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                                            <i class="layui-icon layui-icon-ok"></i>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td data-field="contract-id" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-id">SP1806</div>
                                                </td>
                                                <td data-field="contract-name" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-name">教育培训合同</div>
                                                </td>
                                                <td data-field="contract-start" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-start">2018-06-30 15:21:54</div>
                                                </td>
                                                <td data-field="contract-end" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-end">
                                                        2018-06-30 15:21:55
                                                    </div>
                                                </td>
                                                <td data-field="contract-salesman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman">王天宇</div>
                                                </td>
                                                <td data-field="contract-cost" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-cost">20,000</div>
                                                </td>
                                                <td data-field="contract-linkman" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman">admin
                                                    </div>
                                                </td>
                                                <td data-field="contract-phone" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-phone">
                                                     13046658607
                                                    </div>
                                                </td>
                                                <td data-field="contract-imp" align="center">
                                                    <div class="layui-table-cell laytable-cell-contract-imp">XXXXXXXXXXXXXXXXXXXX</div>
                                                </td>
                                                <td data-field="operation" align="center">
                                                    <div class="layui-table-cell laytable-cell-1-operation">
                                                        <button data-method="offset" data-type="auto"  class="img-but look-img"></button>
                                                        <button data-method="offset" data-type="test8" class="img-but edit-img" data-type="test8" lay-event="edit" id="btn"></button>
                                                        <button data-method="offset" data-type="auto"  class="img-but del-img"></button>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        
                                    </div>
                                </div>
                                <div class="layui-table-page">
                                    <div id="layui-table-page1">
                                        <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1">
                                            <a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">
                                                <i class="layui-icon"></i></a>
                                            <span class="layui-laypage-curr">
                                        <em class="layui-laypage-em"></em>
                                        <em>1</em>
                                    </span>
                                            <a href="javascript:;" data-page="2">2</a>
                                            <a href="javascript:;" data-page="3">3</a>
                                            <span class="layui-laypage-spr">…</span>
                                            <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="100">100</a>
                                            <a href="javascript:;" class="layui-laypage-next" data-page="2">
                                                <i class="layui-icon"></i></a><span class="layui-laypage-skip">到第
                                    <input type="text" min="1" value="1" class="layui-input">页
                                    <button type="button" class="layui-laypage-btn blue">确定</button>
                                </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        


    </div>
</div>
</body>
<script src="../js/layui.all.js"></script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#datesign' //指定元素
        });
    });
</script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#enddate' //指定元素
        });
    });
</script>



<script>

        layui.use(["element","layer"], function(){ //独立版的layer无需执行这一句
            var $ = layui.jquery,  element = layui.element, layer = layui.layer; //独立版的layer无需执行这一句
            element.render();
            var shows=false;
            $('.more').on('click',function(){
                if(shows == false){
                    $('.more_show').show()
                    $(this).find('.layui-icon').removeClass('layui-icon-up')
                    $(this).find('.layui-icon').addClass('layui-icon-down')
                    shows=true;
                }else if(shows == true){
                    $('.more_show').hide()
                    $(this).find('.layui-icon').removeClass('layui-icon-down')
                    $(this).find('.layui-icon').addClass('layui-icon-up')
                    shows=false
                }

            })
    
            //触发事件
            var active = {
                test8: function(){
                    layer.open({
                        area: ['50%', '70%'] ,
                        title:"合同基本信息",
                        content: 
                            '<div class="layerTab">' +
                                '<div  class="layui-col-md8"> ' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">合同名称</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                 <span>教育培训合同</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">合同编号</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>123456789</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">签订日期</label>\n' +
                                                '<div class="layui-input-inline">\n' +
                                    '                  <span>2018-06-30 15:21:54</span>\n' +
                                                '</div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">结束日期</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>2010-01-01</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">\n' +
                                    '业务员</label>\n' +
                                    '<div class="layui-input-inline">\n' +
                                    '   <select name="quiz1">\n' +
                                    '        <option value="" selected="">王天宇</option>\n' +
                                    '        <option value="1">1</option>/n' +
                                    '        <option value="2">2</option>/n' +
                                    '        <option value="3">3</option>/n' +
                                    '    </select>\n' +
                                    '</div>\n' +
                                    ' </div>' +
                                            '<div class="layui-col-md12">\n' +
                                            '    <label class="layui-form-label">合同费用</label>\n' +
                                            '         <div class="layui-input-inline">\n' +
                                            '                  <span>20,000</span>\n' +
                                            '          </div>\n' +
                                            ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">联系人</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>admin</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">联系电话</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>\n' +
                                                        '13046658607</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">电子邮箱</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>13046658607@163.com</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">联系地址</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>上海市普陀区</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                    '<div class="layui-col-md12">\n' +
                                    '    <label class="layui-form-label">重要条款</label>\n' +
                                    '         <div class="layui-input-inline">\n' +
                                    '                  <span>甲方按时向乙方支付本合同约定的合同价款。</span>\n' +
                                    '          </div>\n' +
                                    ' </div>' +
                                '</div>' +
                                '<div  class="layui-col-md12">' +
                                       ' <div class="button-block">\n' +
                                       '   <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" style="width:55px;">保存</button>\n' +
                                       '   <button  class="layui-btn layui-btn-xs btn-grey" style="width:70px;">下一步</button>\n' +
                                       '  </div>' +
                                '</div>' +
                            '</div>'
                        
                    });
                }
    
            };
            
    
            $('.edit-img').on('click', function(){
                $(this).css("background-color","#1E9FFF");
                var type = $(this).data('type');

                active[type] && active[type].call(this);
            });
            
    
        });


</script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#datesign' //指定元素
        });
    });
</script>
</html>